@import url(estrutura.less);

#st-topo{
    
    #st-tp-content{ 

        #st-tp-menu{
            
            position: absolute;
            left: 0;
            width: 100%;
            text-align: center;
            z-index: 3000;
            //text-shadow: #000 1px -1px;
            background: @back_rgb_pt;
            height: @height_menu;
            
            .menu{
                text-transform: uppercase;
                width: @width_body; 
                margin:0 auto;
                font-size:17px;
                color: #FFF;

                li{
                    position: relative;
                    float: left;
                    cursor:pointer;
                    
                    &:hover{
                        .transicao(0.5s);
                    }
                }
                
                .action{
                    .transicao(0.5s);
                    color: @cor_cz3;
                }
                a{
                    color: #FFF; 
                    display: inline-block;
                    //padding: 25px 45px; 
                    font-weight: bold;
                    &:hover{
                        .action;
                    }
                }
            }
           
        }
        @width_menu_img: 190px;
        @height_menu_img: 120px;
        
        .logo{
            position: absolute;
            width: @width_menu_img;
            height: @height_menu_img;
            z-index: 3000;
        }
            
        .inicial{
            position: absolute;
            bottom:0px;
            
            li:first-child{
                position: relative;
                width: @width_menu_img;
                height: @height_menu;
  
                a{
                    padding:0px !important;
                }
            }
            
            .logo{
                background: @cor_back_vm url('../images/logo_tp.png') top center no-repeat;
                bottom: 0;
                right: 0;
            }
        }
        .pagbot{
            .inicial;
            position: fixed !important;
        }

        .pagina{
            position: fixed !important;
            top:0px;
            
            li:first-child{
                position: relative;
                width: @width_menu_img;
                height: @height_menu;
  
                a{
                    padding:0px !important;
                }
            }
            
            .logo{
                background: @cor_back_vm url('../images/logo_tp.png') bottom center no-repeat;
                top: 0;
                right: 0;
            }
        }
    }
}

#st-corpo{
    
    .conteudo{
        clear: both;
        overflow: hidden;
        position: relative;      
    }
    
    
    .c_l_p_home{
        margin: 0 auto !important;
    }
    
    .c_lst_prt{
        width: @width_body;
        margin:0 auto;

        li{
            float: left;
            list-style: none;
            position: relative;

            a{
                height: 222px;
                width: 500px;
                display: block; 
                overflow: hidden; 
            }

            img{
                width: 100%;
                height: 100%;
            }
        }
    }

    .b_v_left{
        //float: left;
        left:0;
        .til{
            float: right;
            text-align: right;
        }
        .txt{
            //padding-left: 10px;
        }
    }
    .b_v_right{
        //float: right;
        right:0;
        .til{
            float: left;
            text-align: left;
        }
        .txt{
            //padding-right: 10px;
        }
    }

    .bar_vm{
        width: 170px;
        height: 192px;
        color:#FFF;
        background: @back_rgb_vm;
        padding: 15px 20px;
        position: absolute;
        display:none;

        .til{
            font-family: @font_family_AgendaBlack;
            width: 150px;
            display: block;
            font-size: 42px;
            line-height: 36px;
            text-transform: uppercase;
            //word-wrap: break-word;
        }
        .txt{
            font-family: @font_family_AgendaLight;
            padding-top: 10px;
            display: block;
            font-size: 12px;
            text-align: justify;
            clear: both;
        }
    }
       
    
    #ctn_ambiente{
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        
        position: absolute;
        width: 100%;
        height: 100%;
        
        
        @width_l: 405px;
        
        .til_flt{
            //position: absolute; 
            // top: 15%; 
            // right: 0; 
            margin-top: 80px;
            float: right;
            width: @width_l;
            z-index: 200;
            font-size: 26px;
            font-weight: bold;
            padding: 20px 30px;
            color:#FFF;
            background: @cor_back_vm;
            text-transform: uppercase;
        }
        
        .txt_flt{
            //position: absolute;
            //top: 30%;
            //left: 0;
            position: relative;
            margin-top: 165px;
            float: left;
            width: 60%;
            max-width: 800px;
            max-height: 250px;
            z-index: 200;
            
            color:#FFF;
            background: @back_rgb_vm;
            
            .ctn_sld{
                  padding: 20px 40px 20px 30px;
            }
            
            .t_f_til{
                font-family: @font_family_AgendaBlack;
                font-size: 26px;
                font-weight: bold;
            }
            
            .t_f_txt{
                font-family: @font_family_TahomaRegular;
                font-size: 16px;
                line-height: 20px;
                padding-right: 10px;
            }
            
            .t_f_btn{
                border-left: 1px solid #fff;
                height: 100%;
                width: 38px;
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                cursor: pointer;
            }
            
        }
        
        .txt_cor_text{
            
            position: absolute;
            top: 165px;
            right: 0;
            
            //position: relative;
            //margin-top: -150px;
            //float: right;
              
            width: @width_l;
            z-index: 200;
            clear: both; 
                
            color:#FFF;
            
            .ctn_sld{
                  padding: 20px 40px 20px 30px;
            }
            
            
            .t_c_t_btn{
                background: @cor_back_vm;
                height: 102px;
                width: 38px;
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                cursor: pointer;
                
                
                .t_c_t_b_til{
                    padding-right: 50px;
                    position: absolute;
                    right: 0;
                    font-family: @font_family_AgendaBlack;
                    font-size: 48px;
                    line-height: 34px;
                    text-transform: uppercase;
                    text-align: right;
                }
            }
            .t_c_t_b_cet{
                margin-right: 38px;
                position: absolute;
                right: 0;
                
                display: none;
                padding: 11px 11px;
                width: 100%;
                height: 200px;

                background: @cor_back_vm;

                .t_c_t_b_cnt{
                    padding: 5px;
                }
                
                .t_c_t_b_til{
                    clear: both;
                    margin-bottom: 5px;
                    font-size: 22px;
                }
                
                .t_c_t_b_cores,.t_c_t_b_aca
                {
                    width: 390px;
                    
                    li{
                        float: left;
                        width: 36px;
                        height: 36px;
                        margin-right: 5px;
                        margin-bottom: 5px;
                        border:1px solid #FFF;
                        cursor:pointer; 
                        position: relative;
                        background-color: #CCC;
                        
                        
                        input{
                            border: 0;
                            clip: rect(0 0 0 0);
                            height: 1px;
                            margin: -1px;
                            overflow: hidden;
                            padding: 0;
                            position: absolute;
                            width: 1px;
                        }
                        
                        .img_sel{
                            background: url("../images/img_sel.png") no-repeat scroll 0% 0% transparent;
                            width: 30px;
                            height: 30px;
                            display: block;
                            position: absolute;
                            bottom: 0px;
                            right: 0px;
                        }
                        
                    }
                    .action{
                        border:1px solid #ffff00;
                    }
                    
                }
                .t_c_t_b_aca{
                    background-color: #FFF;
                    overflow: hidden;
                }
                
                .t_c_t_b_orc{
                    clear: both;
                    width: 100%;
                    position: absolute;
                    bottom: -55px;
                    left: 0;
                    text-align: center;
                    background: @cor_back_vm;
                    
                    button{
                        font-family: @font_family_AgendaBlack;
                        float: none;
                        font-size: 16px;
                        text-transform: uppercase;
                        background: @cor_back_vm;
                        border-color: @cor_back_vm;
                        color:#FFF;
                        margin: 0;
                        width: 100%;
                        height: 50px;
                    }
                }
            }
            
        }
        
        .btn_vlt{
            font-family: @font_family_AgendaBlack;
            color:#FFF;
            border-color: @cor_back_vm; 
            background: @cor_back_vm;
            font-size: 16px;
            padding: 15px;
            font-weight: bold;
            text-transform: uppercase;
            position: absolute;
            bottom: 160px;
            left: 0;
        }
        
        .c_a_prt{
            position: absolute;
            background-color: #FFF;
            bottom: 0;
            width: 100%;
            height: 160px;
            z-index: 1000;
              
            .c_a_p_c{
                overflow: hidden;
                width: @width_body;
                margin: 0 auto;
                padding: 20px 0px;
                
                .action{
                    .img-dsc{
                        height: 100%;
                        text-align: center !important;
                        margin:0px !important;

                        .i_d_txt{
                            vertical-align: middle;
                            display: table-cell;
                            width: 180px;
                            height: 120px;
                            padding: 5px;
                            
                            font-size: 16px;
                            font-weight: bold;
                            text-transform: uppercase;  
                        }
                    }
                }
            }
            
            .c_a_p_til{
                color: @cor_txt_vm;
                float: left;
                font-size: 50px;
                font-weight: bold;
                padding: 0px;
                padding-right: 20px;
            }
        }
        
        .c_a_til{
            font-family: @font_family_AgendaBlack;
            margin-top: 100px;
            float: left;
            z-index: 200;
            font-size: 37px;
            font-weight: bold;
            padding: 20px 30px;
            color:#FFF;
            background: @back_rgb_vm;
        }

    }
    
    #ctn_empresa{
        
        margin-top: @margin_top_pag;
        
        .txt{
            font-family: @font_family_Myriadprocond;
            font-size: 16px;
            text-align: justify;
            width: @width_body - 150;
            margin:0 auto;
            margin-bottom: 30px;
            line-height: 28px;
        }
        
        @height_cid: 190px;
        .cid{
            width: 100%;
            height: @height_cid;
            margin-bottom:25px;
            
            .c_img{
                float: left;
                width: 60%;
                height: @height_cid;
                background-repeat: no-repeat;
                
                background-size: cover;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
            }
            .c_txt{
                text-align: justify;
                float: left;
                width: 40%;
                height: @height_cid;
                background-color: @cor_back_vm;
                color:#FFF;
                
                
                .spc-pd{
                    padding: 15px 25px;
                }
                
                .c_titulo{
                    font-family: @font_family_AgendaBlack;
                    font-size: 32px;
                    font-weight: bolder;
                }
                
                .c_t_txt{
                    font-family: @font_family_Myriadprocond;
                    font-size: 19px;
                    max-width: 500px;
                }

            }

        }
    }
    
    #ctn_blog{
        .c_b_spc{
            width: @width_body;
            margin: 0 auto;
        }
        .c_b_ctd{
            float: left;
            width: 700px;
            margin-top: 30px;
            
            .c_b_c_list{
                
                .c_b_c_til{
                    font-family: @font_family_AgendaBlack;
                    font-size: 32px;
                    font-weight: bold;
                    color:@cor_txt_vm;

                    .c_b_c_dat{
                        color:@cor_cz2;
                        font-size: 36px;
                    }
                }

                .c_b_c_txt{
                    font-family: @font_family_Myriadprocond;
                    font-size: 16px;
                    line-height: 25px;
                    margin-top: 20px;
                    text-align: justify;
                }
                
                .c_b_c_fac{
                    padding: 15px 0px 30px;
                    
                }
                
                .c_b_c_rdp{
                    padding-top: 15px;
                    
                    .c_b_c_r_post{
                        float: right;
                        width: 300px;
                        color: @cor_txt_vm;
                        
                        .p_dat_hor{
                            font-family: @font_family_AgendaLight;
                            font-size: 13px;
                            text-align: right;
                        }
                    }
                }
            }
            
        }
        
        .c_b_sidebar{
            float: right;
            width: 250px;
            
            .c_b_s_tags{
                width: 210px;
                background: @cor_back_vm;
                color: #FFF;
                padding: 20px;
                margin-top: -50px;
                
                .c_b_s_til{
                    font-family: @font_family_AgendaBlack;
                    font-size: 32px;
                    font-weight: bold; 
                    text-align: center;
                    margin-bottom: 10px;
                }
                a{
                    font-family: @font_family_Myriadprocond;
                    font-size: 16px;
                    color: #FFF;
                }
            }
            
            .c_b_s_fac{
                margin: 20px 0px;
            }
        }


    }
    
    #ctn_revenda{
        margin-top: @margin_top_pag;
        margin-bottom: @margin_top_pag;
        clear: both;
        overflow: hidden;
        font-family: @font_family_TahomaRegular;
        font-size: 15px;
          
        .c_r_spc{
            width: @width_body;
            margin: 0 auto;
        }
        
        .c_r_til{
            font-family: @font_family_TahomaBold;
            font-size: 26px;
        }
        
        form{
            text-align: right;
            
              
            select{
                padding: 10px 5px;
            }
            .estado{
                width: 77px;
            }
        }
        
        ul{
            li{
                overflow: hidden;
                margin-bottom: 40px;
            }
        }
        
        .c_r_fot{
            float: left;
            width: 350px;
            
            img{
                border: 1px solid #CCC;
            }
        }
        .c_r_end{
            float: left;
            width: 600px;
            padding-left: 15px;
            
            ul{
                li{
                    margin-bottom: 5px;
                }
            }
        }
        
    }
    
    .pagination{
        text-align: center;
        padding:10px;
        margin: 30px 0px;
        clear: both;

        .current {
            color: @cor_txt_vm;
            font-weight: bold;
            margin-left: 3px;
            margin-right: 3px;
            font-size: 16px;
        }

        .prdPage {
            padding: 5px 10px; 
            text-align: center;
            margin-left: 3px;
            margin-right: 3px;
        }

        .numberPage {
            background-color: @cor_cz3;
            color: #FFF;
            .prdPage;       

            &:hover{
                color: #FFFFFF;
                background-color: @cor_txt_vm;
            }
        }

        .SetNumberPage {
            background-color: @cor_txt_vm;
            color: #FFF;
            .prdPage;
        }

    }
    
    #ctn_contato{
        
        margin-top: @margin_top_pag;
        
        .formulario{
            margin: 0 auto;
            width: @width_body;
            overflow: hidden;
            margin-bottom: 30px;
            
            .spc-r{ padding-right: 50px; }
            .spc-l{ padding-left: 50px; padding-top: 60px; }
            
            .form{
                width: 50%;
                float: left;
                
                .titulo{
                    color: @cor_txt_vm;
                    text-align: center;
                    padding: 10px;
                    font-weight: bold;
                    font-size: 17px;
                    margin-bottom: 25px;
                    
                    .lnh_bar{
                        width: 32px;
                        border-top: 1px solid @cor_txt_vm;
                        display: inline-block;
                        vertical-align: middle;
                        margin: 0 10px;
                        
                    }

                }
                
                form{
                    width: @width_inp + 42;
                    float: right;
                }
            }
            .end{
                width: 50%;
                float: left;
                position: relative;
                font-family: @font_family_Myriadprocond; 
                font-size:18px;
                
                .lnh_h_bar{
                    width: 1px;
                    height: 260px;
                    border-right: 1px solid @cor_txt_vm;
                    position: absolute;
                    vertical-align: middle;
                    top: 95px;
                }

                .c_logo{
                    margin-left: -20px;
                    margin-bottom: 20px;
                }
                
                ul{
                    margin-top: 25px;
                    
                    li{
                        float: left;
                        width: 100%;
                        margin-bottom: 15px;
                    }
                }
                
                .f_e_tel{
                    font-family: @font_family_Myriadprobold;
                    span{
                        font-size:14px;
                    }
                }
                
                .icn_tb{
                    width: 16px;
                    height: 16px;
                    display: inline-block;
                    vertical-align: middle;
                    cursor: pointer;
                    margin-right: 5px;
                }
                .icn_tel{
                    .icn_tb;
                    background: url('../images/icn_tel.png') no-repeat;
                }
                .icn_eml{
                    .icn_tb;
                    background: url('../images/icn_eml.png') no-repeat;
                }
                .icn_fac{
                    .icn_tb;
                    background: url('../images/icn_fac.png') no-repeat;
                }
                .icn_map{
                    .icn_tb;
                    background: url('../images/icn_map.png') no-repeat;
                }
                
            }

        }
        
    }
    
    #bnn_pag{
        width: 100%;
        height: @width_bann_pag_top;
        top: 0;
        background-repeat: no-repeat;
        
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        
    }
    #mapa{
        width: 100%;
        height: @width_bann_pag_top - 66;
        margin-top: 66px;
    }
    
    .bar-bottom{
        background-color: @cor_back_vm;
        width: 100%;
        height: 30px;
        clear: both;
    }
    
    .rodape-home{
        background-color: @cor_cz;
        overflow: hidden;
        padding: 30px 45px;
        border-top: 1px solid #dedede;
        
        .c_l_e_logo{
            display: block;
        }
        
        .r_h_cnt{
            margin: 0 auto;
            width: @width_body;
        }

        .l-menu{
            float: left;
            width: 200px;
            margin-right:20px;
            font-family:@font_family_TahomaBold;
            font-size: 16px;
            
            li{
                float: left;
                list-style: none;
                width: 200px;
                font-weight: bold;
                padding-bottom: 10px;
                
            }
        }
        
        .cnt_logo_end{
            float: right;
            text-align: right;
            
            .telefone{
                color: @cor_txt_vm;
                font-family:@font_family_AgendaBlack;
                font-size: 42px;
                margin-bottom:10px;
                
                span{
                    font-size: 36px;
                }
            }
        }
    }
}

#st-rodape{

}

.slider-prj{
    @height-sp:120px;
    @width-sp:751px;

    float: left;
    height: @height-sp;
    width: @width-sp;
    position: relative;
    padding: 0 30px;
    margin: 0px;

    .jcarousel-clip{ overflow: hidden; }

    ul{
        text-align: center;
        margin: 0 0 0 1px !important;
        li {
            width: 180px !important;
            height: @height-sp !important;
            display: inline-block;
            list-style: none outside none;
            margin-right: 10px;
            background-color: #FFF;
            position:relative;

            a{ display: block; }

            .img-dsc{
                font-family: @font_family_Myriadproregular;
                font-size: 14px;
                position: absolute;
                bottom: 0;
                width: 170px;
                color:#FFF;
                background: @back_rgb_vm;
                text-align: right;
                padding: 8px 5px;
            }
        }
    }


    @top-seta: 36px;
    .jcarousel-prev{ 
        display: block !important;
        left: 0px !important;
        position: absolute !important;
        background: url("../images/setas.png") no-repeat scroll left center transparent;
        height: 48px;
        width: 19px;
        top: @top-seta;
        cursor: pointer;
    }
    .jcarousel-next{ 
        display: block !important;
        right: 0 !important;
        position: absolute !important;
        background: url("../images/setas.png") no-repeat scroll right center transparent;
        height: 48px;
        width: 19px;
        top: @top-seta;
        cursor: pointer;
    }
}

.c_a_men_amb{
    position: absolute;
    background-color: @cor_cz4;
    height: 120px;
    padding: 20px 30px;
    left: 0;
    z-index: 8000;
    display:none;
    
    .slider-prj{
        float: right;
    }
    .img-dsc{
        height: 100%;
        text-align: center !important;
        margin:0px !important;
        display:none;

        .i_d_txt{
            vertical-align: middle;
            display: table-cell;
            width: 180px;
            height: 120px;
            padding: 5px;
        }
    }
    
    a{
        color: inherit !important; 
        display: inherit !important; 
        padding: inherit !important; 
        font-weight: inherit !important; 
    }
    
    .slider-prj{
        padding: 0 40px;
    }
}

.inicial{
    .c_a_men_amb{
        bottom: 70px;
    }
}
.pagina{
    .c_a_men_amb{
        top: 66px;
    }
}

.icn_st{
    width: 29px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: url('../images/icn_seta.png') center center no-repeat;
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -14.5px;
}
.icn_seta_r{
    .icn_st;
    .rotate(180deg);
}
.icn_seta_l{
    .icn_st;
    .rotate(0deg);
}

.ctn-popup{
    width: @width_inp + 80;
    padding: 0px 20px;
    
    
    input, textarea, select {
        width: @width_inp + 38;
    }
    
    
    .titulo{
        color: @cor_txt_vm;
        text-align: center;
        padding: 10px;
        font-weight: bold;
        font-size: 17px;
        margin-bottom: 20px;
        text-transform: uppercase;
        
        .lnh_bar{
            width: 32px;
            border-top: 1px solid @cor_txt_vm;
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px;
        }

    }
}

.gf_clk{
    cursor: pointer;
}
.galeriafull{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 160px;
    z-index: 8000;
    background-color: #EFEFEF;
    
    .galeriaitg{
        display: none;        
    }
    
    .g_f_img{
        position: absolute;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        display: none;
        
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    
    }  
    
    .g_f_img_alt{
        position: absolute;
        left: 50px;
        bottom: 50px;
        z-index: 200;
        font-family: @font_family_AgendaBlack;
        font-size: 19px;
        text-transform: uppercase;
        padding: 10px 20px;
        color:#FFF;
        background: @back_rgb_vm;
    }
    
    
    .g_st{
        width: 29px;
        height: 29px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        background: url('../images/g_seta.png') center center no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -14.5px;
        z-index: 9000;
    }
    .g_seta_r{
        .g_st;
        right: 50px;
        .rotate(180deg);
    }
    .g_seta_l{
        .g_st;
        left: 50px;
        .rotate(0deg);
    }    
    .g_fechar{
        width: 29px;
        height: 29px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        background: url('../images/g_fechar.png') center center no-repeat;
        position: absolute;
        top: 210px;
        margin-top: -14.5px;
        z-index: 9000;
        right: 50px;
    }
}